<!doctype html>
<!-- The DOCTYPE declaration above will set the    -->
<!-- browser's rendering engine into               -->
<!-- "Standards Mode". Replacing this declaration  -->
<!-- with a "Quirks Mode" doctype may lead to some -->
<!-- differences in layout.                        -->

<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    <!--                                                               -->
    <!-- Consider inlining CSS to reduce the number of requested files -->
    <!--                                                               -->
    <link type="text/css" rel="stylesheet" href="css/main.css">

    <!--                                           -->
    <!-- Any title is fine                         -->
    <!--                                           -->
    <title>Web Application Starter Project</title>
    
    <!--                                           -->
    <!-- This script loads your compiled module.   -->
    <!-- If you add any GWT meta tags, they must   -->
    <!-- be added before this line.                -->
    <!--                                           -->
    <script type="text/javascript" language="javascript" src="snsp/snsp.nocache.js"></script>
  </head>

  <!--                                           -->
  <!-- The body can have arbitrary html, or      -->
  <!-- you can leave the body empty if you want  -->
  <!-- to create a completely dynamic UI.        -->
  <!--                                           -->
  <body>

    <!-- OPTIONAL: include this if you want history support -->
    <iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1' style="position:absolute;width:0;height:0;border:0"></iframe>
    
    <!-- RECOMMENDED if your web app will not function without JavaScript enabled -->
    <noscript>
      <div style="width: 22em; position: absolute; left: 50%; margin-left: -11em; color: red; background-color: white; border: 1px solid red; padding: 4px; font-family: sans-serif">
        Your web browser must have JavaScript enabled
        in order for this application to display correctly.
      </div>
    </noscript>
    <!-- Main -->

<div id="main" class="box">

    <!-- Header -->
    <div id="header">

        <!-- Logotyp -->
        <h1 id = "logo2">Own Your Future<span></span></h1>
        <hr class="noscreen" />          
		
		<form action="/FrontpageSignin" method="post">
		<h3 id = "username"> Username: </h3>

        <!-- Username -->
        <div id="search" class="noprint">
    
                <fieldset><legend>Search</legend>
                    <label><span class="noscreen">Find:</span>
                    <span id="search-input-out"><input type="text" name="username" id="search-input" size="15" /></span></label>                    
                </fieldset>


        </div> <!-- Username -->
		
		<h3 id = "password"> Password: </h3>
		 <div id="search2" class="noprint">
			

                <fieldset><legend>Search</legend>
                    <label><span class="noscreen">Find:</span>

                    <span id="search-input-out"><input type="password" name="password" id="search-input" size="15" /></span></label>                    
                </fieldset>

			
        </div> <!-- Username -->
		<input type="submit" style="position: absolute; left: -9999px; width: 1px; height: 1px;"/>
		</form>

    </div> <!-- /header -->



    <!-- Page (2 columns) -->
    <div id="page" class="box">

    <div id="page-in" class="box">

 

        <!-- Content -->
        <div id="content">
			<div class = "picture">
				<h1> Connections </h1>
			</div>
			<hr class="noscreen" />

            <!-- Article -->
            <div class="article">
                <h2><span>Mission Statement</span></h2>
				<p>To help students make decisions by providing information and connections. </p>   
            </div> <!-- /article -->
        </div> <!-- /content -->

        <!-- Right column -->

        <div id="col" class="noprint">
            <div id="col-in">

                 <!-- About Me -->
                <h3><span>Sign Up, It's free.</span></h3>
				<form action="/SignUpServlet" method="post">
				<h2 id = "username"> Username: </h2>
				<div id="search4" class="noprint">
				
					<fieldset><legend>Search</legend>
						<label><span class="noscreen">Find:</span>
						<span id="search-input-out"><input type="text" name="username" id="search-input" size="15" /></span></label>                    
					</fieldset>
				
				</div> 
				<hr class="noscreen" />	
				
				<h2 id = "password"> Password: </h2>
				<div id="search3" class="noprint">
				<!-- form action="" method="get"-->
					<fieldset><legend>Search</legend>
						<label><span class="noscreen">Find:</span>
						<span id="search-input-out"><input type="password" name="password" id="search-input" size="15" /></span></label>                    
					</fieldset>
				<!--  /form-->
				</div> 
				<hr class="noscreen" />	
				
				<h2 id = "email"> Email: </h2>
				<div id="search5" class="noprint">
				<!--  form action="" method="get"-->
					<fieldset><legend>Search</legend>
						<label><span class="noscreen">Find:</span>
						<span id="search-input-out"><input type="text" name="email" id="search-input" size="15" /></span></label>                    
					</fieldset>
					</div> 
					<input type="submit" style="position: absolute; left: -9999px; width: 1px; height: 1px;"/>
				</form>
				<hr class="noscreen" />	
	
				<h3><span>Schools</span></h3>

			
				
				
				<h2> List of Schools </h2>
				<hr class="noscreen" />	
				<h2> Search Schools: </h2>
				<table align="center">
    			<tr>
       			<td colspan="2" style="font-weight:bold;">Search Schools:</td>        
      			</tr>
      			<tr>
        		<td id="nameFieldContainer"></td>
        		<td id="sendButtonContainer"></td>
     			</tr>
      			<tr>
        		<td colspan="2" style="color:red;" id="errorLabelContainer"></td>
      			</tr>
    			</table>
				<hr class="noscreen" />	
				
				<h2> Comparison Tool </h2>
				<hr class="noscreen" />	
				
				
				
            
            </div> <!-- /col-in -->

        </div> <!-- /col -->

    </div> <!-- /page-in -->
    </div> <!-- /page -->



</div> <!-- /main -->
  </body>
</html>
